import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { StudyPhpComponent } from './study-php/study-php.component';
import { StudyJavascriptComponent } from './study-javascript/study-javascript.component';
import { StudyJavaComponent } from './study-java/study-java.component';
import { StudyMysqlComponent } from './study-mysql/study-mysql.component';
import { StudyNodeComponent } from './study-node/study-node.component';

import { HeroListComponent } from './hero/hero-list/hero-list.component';
import { HeroDetailComponent } from './hero/hero-detail/hero-detail.component';
import { HeroAddComponent } from './hero/hero-add/hero-add.component';

import { ProductListComponent } from './product/product-list/product-list.component';
import { ProductAlertsComponent } from './product/product-alerts/product-alerts.component';
import { ProductDetailComponent } from './product/product-detail/product-detail.component';
import { CartComponent } from './product/cart/cart.component';
import { ShippingComponent } from './product/shipping/shipping.component';
import { HomeComponent } from './home/home.component';

@NgModule({
  declarations: [
    AppComponent,
    StudyPhpComponent,
    StudyJavascriptComponent,
    StudyJavaComponent,
    StudyMysqlComponent,
    StudyNodeComponent,
    HeroListComponent,
    HeroDetailComponent,
    HeroAddComponent,
    ProductListComponent,
    ProductAlertsComponent,
    ProductDetailComponent,
    CartComponent,
    ShippingComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
